// import pxAndRemInterturn from './pxAndRemInterturn';
// import readFileContent from './readFileContent';
import documentToRem from './documentToRem';
/**
 * vue项目初始化
 */

export default (
  Vue,
  { elementToRem = true, config = {}, use = [], prototype = {} },
) => {
  /**
   * element-ui 样式处理 - pxToRem
   */
  const ruleNumber = config.pxToRem || 100; // 获取基数
  {
    // const elementPath = './css/element-ui.css';// 注意：这里是当前项目的实际路径
    // readFileContent(elementPath).then((styleContent) => {
    //   let elementUIDom = document.querySelector('style#element-ui-rem');
    //   if (!elementUIDom) {
    //     elementUIDom = document.createElement('style');
    //   }
    //
    //   /** 项目是否进行rem处理 如果不需要rem处理，那就自行按照elementUI的官方指导进行引入样式 */
    //   if (elementToRem) {
    //     (elementUIDom.innerHTML = pxAndRemInterturn({
    //       content: (styleContent || '').replace(
    //         /\n/g,
    //         '',
    //       ),
    //       unit: 'px',
    //       updateUnit: 'rem',
    //       rule: ruleNumber * 1,
    //     }));
    //     elementUIDom.id = 'element-ui-rem';
    //     // document.head.appendChild(elementUIDom);
    //     let styles = document.getElementsByTagName('style');
    //     document.head.insertBefore(elementUIDom,styles[0]);
    //   }
    // });
    let baseFontDom = document.querySelector('style#base-fonts');
    const baseFontSize = 14 / ruleNumber;
    if (!baseFontDom) {
      baseFontDom = document.createElement('style');
      let styles2 = document.getElementsByTagName('style');
      document.head.insertBefore(baseFontDom,styles2[0]);
    }
    baseFontDom.innerHTML = `*{ font-size: ${baseFontSize}rem; }`;
  }
  documentToRem(ruleNumber);

  if (use && use.length) {
    use.forEach((item) => Vue.use(item));
  }

  if (prototype && Object.keys(prototype).length) {
    for (const key in prototype) {
      if (typeof key === 'string') {
        Vue.prototype[key] = prototype[key];
      }
    }
  }
};
